<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

  <head>
    <title>#{get 'title' /} | Let It Bee</title>
    <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
    <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}" />
    <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/screen.css'}" />
    #{get 'moreStyles' /}
    <script src="@{'/public/javascripts/jquery.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@{'/public/javascripts/index.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    #{get 'moreScripts' /}
  </head>

  <body>

    <div id="header-wrap">
    
      <div id="header" style="border:0px solid red;"> <a name="top"></a>
	<h1 id="logo-text" style="border:0px solid green;">
	<a href="@{Application.index()}"><div style="position:absolute;
	border:0px solid orange; width:990px;
	height:250px;margin-top:-23px;
	background:url(@{'/public/images/bg1.png'}) no-repeat; background-repeat:none;"></div></a>
	</h1>
	
	<div  id="nav">
	  <ul>
            <li #{if title == 'Home'}id="current"#{/if}><a href="@{Application.index()}">Home</a></li>
            <li #{if title == 'About'}id="current"#{/if}><a href="@{Application.about()}">About</a></li>
            <li #{if title == 'FAQ'}id="current"#{/if}><a href="@{Application.faq()}">FAQ</a></li>
            <li #{if title == 'Terms of Service'}id="current"#{/if}><a href="@{Application.termsOfService()}">Terms Of Service</a></li>
            <li #{if title == 'Contact'}id="current"#{/if}><a href="@{Application.contact()}">Contact</a></li>
	  </ul>
	</div>
      </div>
    </div>

    <div id="content-wrap" class="clear" >

      #{doLayout /}

    </div>
    
    <div id="footer-outer" class="clear">
      <div id="footer-wrap">
	#{if isLoggedIn}
	<div id="gallery" class="clear" style="margin-top:10px">
	  <h3>Recent Users </h3>
	  #{list items:models.User.find("order by registrationDate DESC").fetch(5), as:'newuser'}
	  <a href="@{Users.profile(newuser.id)}">
	  #{if newuser.photo.exists()}
	  <img class="avatar" src="@{Application.showUserPhoto(newuser.id)}" alt="${newuser.fullname} Photo" title="${newuser.fullname}" style="margin-right:5px;"  />
	  #{/if}
	  #{else}
	  <img class="avatar" src="/public/images/lbi02.png" alt="Default Avatar" title="${newuser.fullname}"style="margin-right:5px;" />
	  #{/else}
	  </a>
	  #{/list}
	</div>
	#{/if}
	<div class="col-a">
	  <h3>About</h3>
	  <p> This project is developed in SWE574 class @ Bogazici University Software Engineering Department.</p>
	  <p>For more information: <a href="@{Application.contact()}">visit contact page</a></p>
	</div>
	<div class="col-a">
	  <h3>Site Links</h3>
	  <div class="footer-list">
            <ul>
	      <li><a href="@{Application.index()}">Home</a></li>
	      <li><a href="@{Application.about()}">About</a></li>
	      <li><a href="@{Application.faq()}">FAQ</a></li>
	      <li><a href="@{Application.termsOfService()}">Terms Of Service</a></li>
	      <li><a href="@{Application.contact()}">Contact</a></li>
            </ul>
	  </div>
	  
	</div>
	<div class="col-a">
	  <h3>Statistics</h3>
	  <div class="footer-list">
            <ul>
	      <li>${(models.User.findAll()).size()} Users!</li>
	      <li>${(models.Offer.findAll()).size()} Offers! </li>
	      <li>${(models.Request.findAll()).size()} Requests! </li>
	      <li>${models.Handshake.findAll().size()} Handshakes!</li>
            </ul>
	  </div>
	  
	</div>
	<!-- 
	 #{if isLoggedIn}
	<div class="col-b">
	  <h3>Tag Cloud</h3>
	  <div class=" tag_cloud">
            <ul>
	      <p>Offers</p>
	      #{list items:models.Tag.find().fetch(6), as:'tag'}
	      <a href="@{Offers.search(tag)}">${tag}</a>
	      #{/list}
            </ul>
            <ul>
	      <p>Requests</p>
	      #{list items:models.Tag.find().fetch(6), as:'tag'}
	      <a href="@{Requests.search(tag)}">${tag}</a>
	      #{/list}
	    </ul>
	  </div>
	  
	</div>
	#{/if}
	 -->

      </div>
    </div>

    <div id="footer-bottom">
      <p class="bottom-left"> &copy; 2011 <strong>SWE 574 Team 2 Members</strong>&nbsp; &nbsp; &nbsp;</p>
      <p class="bottom-right"><strong><a href="#top">Back to Top</a></strong> </p>
    </div>

  </body>
</html>
